import React from 'react';
import '../css/detail.css';



import $ from 'jquery';
import {BrowserRouter as Router,Route,NavLink,Prompt} from 'react-router-dom';
function onChange(value) {
	console.log('changed', value);
  }

  function getCookie(name){
	var str = document.cookie;
	var arr = str.split("; ");
	for(var i = 0; i < arr.length; i++){
		var arr1 = arr[i].split("=");
		if(arr1[0]==name){
			return arr1[1];
		}
	}
}
function setCookie(name,val,n){
	var oDate = new Date();
	oDate.setDate(oDate.getDate()+n);
	document.cookie = name + "=" + val + ";expires="+ oDate ;
}
function removeCookie(name){
	setCookie(name,1,-1);
}
var tokens=getCookie("token")
console.log(Number(tokens)); 

  
class Cart extends React.Component{
	constructor(props){
		super(props)
		this.state={
			dlist:[],
			isshow:false
		}
    }
    fanhui(){
        this.props.history.goBack();
    }
    cart(){
        if(!tokens){
            alert("您还没有登录请先登录")
            return
        }
        var _this=this;
        $.ajax({
                type:'get',
                url:'http://jx.xuzhixiang.top/ap/api/add-product.php',
                data:{uid:Number(tokens),pid:_this.state.dlist.data.pid,pnum:1},
                async:false,
                dataType:'json',
                success:function(data){
                    console.log(data)
                    if(data.msg=="修改成功"||"插入成功"){
					    alert("添加成功")
                    }

                }
            })
    }

	
	render(){
        console.log(this.state.dlist)
		return(
			<div class="main-d">
				<header class="header-d">
                    <span class="left-d" onClick={this.fanhui.bind(this)}>《</span>
                    <p class="right-d" id="rights">商品详情</p>
                </header>
                <div class="article">
                    <p class="detail-img"><img src={this.state.dlist.data.pimg}/></p>
                    <div class="detail-top">
                        <p class="name-d">{this.state.dlist.data.pname}</p>
                        <p class="price">
                            <span>{this.state.dlist.data.pdesc}</span>
                            <span>建议零售价:￥{this.state.dlist.data.pprice}</span>
                        </p>
                    </div>
                    <div class="detail-cen">
                        <p class="made-d">
                            <span>生产企业　</span>
                            <span>陕西华龙制药有限公司</span>
                            
                        </p>
                        <p class="made-d">
                            <span>批准文号　</span>
                            <span>国药准字号 Za125336515</span>
                            
                        </p>
                        <p class="made-d">
                            <span>包装规格　</span>
                            <span>0.28*15s*3板</span>
                            
                        </p>
                        <p class="made-d">
                            <span>中包装　　</span>
                            <span>2盒</span>
                            
                        </p>
                        <p class="made-d">
                            <span>最低起购量　</span>
                            <span>2盒</span>
                            
                        </p>
                    </div>
                    <div class="detail-bon">
                        <p>库存:88989盒</p>
                    </div>
                    <div class="book-d">
                        <h1 class="biaoti">
                            <span>商品说明书</span>
                            <span>订购说明</span>

                        </h1>
                        <div>
                        【药品名称】
                            通用名称：健胃消食片
                            汉语拼音：Jianwei Xiaoshi <br/>
                            【成份】 太子参、陈皮、山药、麦芽（炒）、山楂。<br/>
                            【功能主治】 健胃消食。用于脾胃虚弱所致的食积，症见不思饮食、嗳腐酸臭、脘腹胀满；消化不良见上述证候者。
                            <br/>【不良反应】
                            在服用本品期间，如果感到不适要尽快告诉医师或药师。情况紧急可先停止使用，必要时到医院就诊。 
                            目前尚未检索到本品的不良反应。<br/>
                            【注意事项】
                                1.饮食宜清淡，忌酒及辛辣、生冷、油腻食物。
                                2.有高血压、心脏病、肝病、糖尿病、肾病等慢性病严重者应在医师指导下服用。
                                3.儿童、孕妇、哺乳期妇女、年老体弱者应在医师指导下服用。
                                4.服药3天症状无缓解，应去医院就诊。
                                5.对本品过敏者禁用，过敏体质者慎用。
                                6.本品性状发生改变时禁止使用。
                                7.儿童必须在成人监护下使用。
                                8.请将本品放在儿童不能接触的地方。
                                9.如正在使用其他药品，使用本品前请咨询医师或药师。

                        </div>
                    </div>
                </div>
                <div class="hide-d">
                <button class="addcart" onClick={this.cart.bind(this)}>加入购物车</button>
                    <button class="buy">立即购买</button>

                </div>
			</div>	
        )
	}
    componentWillMount(){
        console.log(this.props)
        var _this=this
        $.ajax({
			type:"get",
			url:"http://jx.xuzhixiang.top/ap/api/detail.php",
			data:{id:_this.props.match.params.id},
			async:false,
			dataType:'json',
			success:function(data){
				console.log(data.data)
				_this.setState({dlist:data})
				
			}
		})
    }


}
export default Cart